<template>
  <div style="height:888px;background-color:rgb(34,34,34);color:#fff;">

    <div id="fade" class="black_overlay">

      <div id="Q">
        <i class="el-icon-loading"></i>
        <i class="el-icon-loading"></i>
        <i class="el-icon-loading"></i>
        <i class="el-icon-loading"></i>
        <i class="el-icon-loading"></i>
        <i class="el-icon-loading"></i>
        <i class="el-icon-loading"></i>
        <i class="el-icon-loading"></i>
        <i class="el-icon-loading"></i>
      </div>
    </div>
    <div v-html="pay"></div>
  </div>
</template>

<script>
export default {
  name: "zfb",
  data() {
    return {
      pay:'',
    }
  },
  created() {
    let url=this.$route.query.url;
    if (url===undefined){
      this.$router.push('/')
      return;
    }
    this.pay=url;
  },
  mounted() {
    if (this.pay.indexOf('document.forms')!==-1){

    }
    document.forms[0].submit();
  },
}
</script>

<style scoped>
.el-icon-loading {
  background-color: #fff;
  padding: 10px;

}

#Q {
  position: absolute;

  top: 25%;

  left: 25%;


  z-index: 1002;

  overflow: auto;
  padding: 10px;
}

.black_overlay {

  position: absolute;

  top: 0%;

  left: 0%;

  width: 100%;

  height: 100%;

  background-color: black;

  z-index: 1001;

  -moz-opacity: 0.8;

  opacity: .80;

  filter: alpha(opacity=88);

}

i {
  margin-right: 50px;
}
</style>
